.orderDetails
    background-color: rgb(248, 248, 248)
    min-height: 100vh
    .poayBtn
            font-size: 22rpx
            border-radius: 5rpx
            border 1rpx solid #ccc
            padding: 0 20rpx
            display: flex
            align-items: center
            justify-content: center
            box-sizing: border-box
            margin-left: 15rpx
            transition: all 0.2s
            &:active
                background-color: #ccc
            &.noBorder
                border: none
                margin-left: 0
    .header
        background-color: rgb(248, 248, 248)
        width: 100%
        display: flex
        align-items: center
        box-sizing: border-box
        position: fixed
        height: 80rpx
        padding: 0 20rpx
        top 44px
        /* #ifdef MP-WEIXIN */
        top 0
        /* #endif */
        font-size: 36rpx
        color: #000
        font-weight: bold
    .content
        box-sizing: border-box
        padding: 84rpx 20rpx 20rpx 20rpx 
        .timeOutTipsBox
            margin-bottom: 30rpx
            .timeOuTips
                font-size: 22rpx
                color: #5b5b5b
                margin-left: 10rpx
        .liner
            margin: 40rpx 0
            height: 1rpx  
            background-color: #efefef
        .otherMoneyBox
            margin: 40rpx 0
            .t_name
                font-size: 26rpx
        .boxStyle
            background-color: #fff
            border-radius: 8rpx
            padding: 20rpx
            box-sizing: border-box
            box-shadow: 0px 0px 4rpx 1px #eee
            margin-bottom: 15rpx
            &.noPaddingTop
                padding-top:0 
            .titile
                font-size: 26rpx
                border-bottom: 1rpx solid #efefef
                padding-bottom: 15rpx
                .t
                    color: #5b5b5b
                .c
                    color: #9f9f9f
                    font-size: 22rpx
        .fastBox
            margin-top: 15rpx
            .name
                margin-top: 0rpx
                font-size: 24rpx
        .boxInfo
            &.foodTakeout
                .otherMoneyBox 
                    margin: 20rpx 0
            .otherMoneyBox 
                .t_name
                    font-size: 14px 
                    font-weight: bold 
                .value 
                    color: #ff5722
                    font-weight: bold
                    font-size: 16px
            .shopName
                font-weight: bold
                color: #000
                font-size: 16px
                border-bottom: 1rpx solid #efefef
                height: 90rpx
                line-height: 90rpx
            .cont
                padding-top: 30rpx
                box-sizing: border-box
                .list
                    .item
                        margin-bottom: 25rpx
                        &:last-child
                            margin-bottom: 0
                        .iconBox
                            width: 100rpx
                            height: 100rpx
                            margin-right: 15rpx 
                            .commodityPic
                                width: 100%
                                height: 100%
                                border-radius: 8rpx
                        .infBox
                            width: calc(100% - 100rpx - 15rpx)
                            height: 100%
                            min-height: 100rpx
                            .info
                                .code
                                    font-size: 14px
                                    font-weight: bold
                            .money
                                font-size: 14px
                                font-weight: bold
                        .statusBox
                            .status
                                font-size: 22rpx
                                border: 1rpx solid #f37000
                                padding: 0 8rpx
                                border-radius: 5rpx
                                margin-right: 15rpx
                                color: #f37000
                                margin-right: 15rpx
                .totalBox
                    height: 70rpx
                    line-height: 70rpx
                    text-align: right
                    .totalMoney
                        font-size: 22px
                        font-weight: bold
        .orderInfo
            .it
                margin-bottom: 25rpx
                &:last-child
                    margin-bottom: 0
                .t_name
                    font-size: 14px 
                    font-weight: bold 
                .value
                    font-size: 26rpx
                    color: #5b5b5b
                    .address
                        text-align: right 
        .receiptImg
            width: 200rpx
            height: 200rpx
            flex-wrap: wrap
            border-radius: 6rpx
            border: 1rpx solid #e8e8e8
            box-shadow: 0px 0px 4rpx 1px #eee
            .receiptPic
                width: 90%
                height: 90%
                border-radius: 6rpx